.el-header, .el-footer {
    background-color: #82b3f3;
    color: #333;
    text-align: center;
    line-height: 60px;
    /* border: saddlebrown solid 1px; */
  }

  
  .el-aside {
    background-color: #D3DCE6;
    color: rgb(52, 24, 209);
    text-align: center;
    line-height: 600px;
    height: 800px;
  }
  
  .el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    line-height: 160px;
  }
  
  body > .el-container {
    margin-bottom: 40px;
  }
  
  .el-container:nth-child(5) .el-aside,
  .el-container:nth-child(6) .el-aside {
    line-height: 600px;
  }
  
  .el-container:nth-child(7) .el-aside {
    line-height: 320px;
  }



 .el-table{
    background-color: #d3e2e6;
    margin-top: 30px;
    float: left;
    width: 400px;
 }
.el-menu{
    margin-top: 50px;
    width: auto;
    background-color:rgb(224, 224, 228);
    text-color: rgb(94, 89, 89);
    active-text-color: #ffd04b;
    
}
span{
    font-size: 20px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    float: left;

}

div.side{
    width: 20%;
    float: left;
    background-color: silver;
    height: 100%;
}
div.main{
    width: 70%;
    float: left;
}


